<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>工具框</title>
    <link rel="stylesheet" href="../../css/bootstrap.css">
    <script src="../../js/jquery-1.11.2.min.js"></script>
    <script src="../../js/bootstrap.min.js"></script>
    <style>
        body {
            padding: 50px;
        }
    </style>
    <script>
        $(function () {
           /* $("a").tooltip();*/

            $("#abc").tooltip({
                delay:{
                    show:100,
                    hide:1000
                },
                placement:"right",
                html:"true",
                trigger:"click"
            })
        });

    </script>
</head>
<body>
<!--
 data-html 里面的标签解析<em>
data-placement 显示的方向
 data-trigger 事件触发
  data-delay 延时触发
-->
<a href="#" data-toggle="tooltip"
   data-html="true" data-animation="true"
   data-placement="right"
   data-trigger="click"
   data-delay="1000"
   title="<em>这个一个超链接<em>">按钮</a>
<hr>
<h6>javascrpt</h6>
<a id="abc" href="#" title="<em>这是超链接</em>">javascript</a>

</body>
</html>
